<template>
  <div id="app">
    <!-- vuex传值的方式 -->
    <product-list-one></product-list-one>
    <!-- props传值的方式 -->
    <product-list-two :product="products"></product-list-two>
  </div>
</template>
<script>
import ProductListOne from "./components/prodctListOne.vue";
import ProductListTwo from "./components/productListTwo.vue";
export default {
  components: {
    ProductListOne,
    ProductListTwo
  },
  data() {
    return {
      products: [
        { name: "马云", price: 200 },
        { name: "马化腾", price: 100 },
        { name: "马冬梅", price: 10 },
        { name: "马蓉", price: 1 }
      ]
    };
  }
};
</script>